<template>
    <div class="box">
      
        <h1>根据你的信息匹配针对训练</h1>

<van-circle
  v-model="currentRate"
  :rate="jin"
  :speed="200"
  :text="text"
/>

    </div>
</template>

<script>
export default {
    name:'Pipei',
     data() {
    return {
      currentRate: 0,
      jin:10
    };
  },
  computed: {
    text() {
      return this.currentRate.toFixed(0) + '%'
    }
  },
   methods:{

         onClickLeft(){
     this.$router.go(-1)
    }
    },
  mounted(){
      let _this=this
     let time= setInterval(function(){
         _this.jin++
 if(_this.jin==99){
          clearInterval(time)
         _this.$router.push('/pipei')
      }

      },20)
   
     



  }
}
</script>

<style scoped>

.box {
  width: 100%;
  overflow: hidden;
  padding: 140px 20px 0 20px;
  box-sizing: border-box;
  text-align: center;
   background: #fff
}
.box h1{
    margin: 100px 0


}

</style>
